509. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

509.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:34 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo19_en.css2021-04-28 03:14:22 +0000

509.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1323
Removed00

509.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

509.4 Active regular expressions

No regular expressions were active.

509.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 @media (max-width: 575px){
    23 body {
    24     font-size: 13px;
    25     line-height: 21px;
    26 }
    27 }
    28 @media (min-width: 768px) {
    29 .layout-fullwidth .container, .layout-fullwidth .block.category.event,.layout-fullwidth .footer.content,.layout-fullwidth .header.content,.layout-fullwidth .navigation,.layout-fullwidth .page-main,.layout-fullwidth .page-wrapper>.breadcrumbs >ul,.layout-fullwidth .page-wrapper>.page-bottom,.layout-fullwidth .page-wrapper>.widget,.layout-fullwidth .top-container{
    30     padding-left: 4vw;
    31     padding-right: 4vw;
    32 
    33 .page-wrapper {
    34     padding-left: 80px;
    35 }
    36 }
    37 h1, h2, h3, h4, h5, h6 {
    38     font-family: Poppins,sans-serif;
    39     color: #222529;
    40     letter-spacing: normal;
    41 }
    42 h1 { 
    43     font-weight: 700;
    44     font-size: 36px;
    45     line-height: 44px;
    46     margin: 0 0 32px 0;
    47 }
    48 h2 { 
    49     font-weight: 700;
    50     font-size: 30px;
    51     line-height: 40px;
    52     margin: 0 0 32px 0;
    53 }
    54 h3 { 
    55     font-weight: 700;
    56     font-size: 25px;
    57     line-height: 32px;
    58     margin: 0 0 20px 0;
    59 }
    60 h4 { 
    61     font-weight: 700;
    62     font-size: 20px;
    63     line-height: 27px;
    64     margin: 0 0 14px 0;
    65 }
    66 h5 { 
    67     font-weight: 700;
    68     font-size: 14px;
    69     line-height: 18px;
    70     margin: 0 0 14px 0;
    71 }
    72 h6 { 
    73     font-weight: 600;
    74     font-size: 14px;
    75     line-height: 18px;
    76     margin: 0 0 14px 0;
    77 }
    78 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    79     font-family: 'Segoe Script','Savoye LET';
    80 }
    81 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    82     color: #ff7272;
    83 }
    84 html .btn-modern {
    85     text-transform: uppercase;
    86     font-size: .75rem;
    87     padding: .75rem 1.5rem;
    88     font-weight: 600;
    89     height: auto;
    90 }
    91 html .action.primary, html .btn {
    92     font-family: Poppins;
    93     letter-spacing: .01em;
    94     font-weight: 700;
    95     line-height: 1.42857;
    96     padding: .8em 2em; 
    97 }
    98 html .btn-modern {
    99     font-size: .8125rem;
    100     padding: 1em 2.8em;
    101 }
    102 html .action.primary {
    103     color: #fff;
    104     background-color: #08c;
    105     border-color: #08c #08c #069;
    106 }
    107 html .btn-xl {
    108     font-size: 1rem;
    109     padding: .8rem 2rem;
    110 
    111 .btn-modern.btn-xl {
    112     font-size: 1.125em;
    113     padding: 1em 3em;
    114 }
    115 .btn-modern.btn-lg {
    116     font-size: .84375em;
    117     padding: 1em 2.75em;
    118     line-height: 1.3333;
    119 }
    120 .btn-flat {
    121     padding: 0!important;
    122     background: none!important;
    123     border: none!important;
    124     border-bottom: 1px solid transparent!important;
    125     box-shadow: none!important;
    126     text-transform: uppercase;
    127     font-size: .75rem;
    128 
    129 html .btn-dark {
    130     color: #fff;
    131     background-color: #33373d;
    132     border-color: #3a3f45 #3a3f45 #222529;
    133 
    134 html .btn-light {
    135     color: #222529;
    136     background-color: #fff;
    137     border-color: #fff #fff #e6e6e6;
    138 }
    139 html .btn-quaternary {
    140     color: #fff;
    141     background-color: #000;
    142     border-color: #000 #000 #000;
    143 }
    144 html .background-color-secondary {
    145     background-color: #f4a085 !important;
    146 }  
    147 .page-header.type4 .header-main .header-center {
    148     order: 1; 
    149     justify-content: flex-start;
    150     flex: 1;
    151     padding-left: 0;
    152     padding-right: 0;
    153 }
    154 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right {
    155     order: 2; 
    156 }
    157 .page-header.type4 .header-main .header-left,.page-header.type4 .header-main .header-right {
    158     flex: inherit;
    159 
    160 .page-header.type4 .header-contact i { 
    161     font-size: 24px;
    162 }
    163 .page-header.type4 .search-area.show-icon a.search-toggle-icon {
    164     font-size: 19px; 
    165 }
    166 .page-header.type4 .header.panel { 
    167     margin-left: .875rem;
    168 }
    169 @media (min-width: 992px) {
    170 header.page-header.type4.sticky-header .header-main {
    171     width: calc(100% - 80px);
    172     left: 80px;
    173 }
    174 .page-header.type4.sticky-header .logo img { 
    175     transform-origin: left center;
    176 }
    177 .page-header.type4 .header-main .header-center .logo {
    178     padding-top: 0;
    179     padding-bottom: 0;
    180 }
    181 .page-header.type4 .header-main .header-center { 
    182     padding-top: 30px;
    183     padding-bottom: 30px; 
    184 }
    185 .page-header.type4 .header-main .header-left, .page-header.type4 .header-main .header-right { 
    186     padding-top: 30px;
    187     padding-bottom: 30px;
    188 }
    189 .page-header.type4 .header-main .header-center .logo { 
    190     min-width: 111px;
    191 }
    192 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top {
    193     font-family: Poppins,sans-serif;   
    194     padding: 13px 15px 13px 15px; 
    195 }
    196 .page-header.type4 .navigation:not(.side-megamenu) > ul { 
    197     justify-content: flex-end;
    198 }
    199 }
    200 @media (min-width: 992px) and (max-width: 1219px) {
    201 .page-header.type4 .navigation:not(.side-megamenu) .level0 .level-top {
    202     padding: 10px 13px 10px 13px
    203 }
    204 }
    205 @media (min-width:768px) and (max-width: 991px) {
    206 header.page-header.sticky-header .header-main { 
    207     width: calc(100% - 8vw); 
    208 }
    209 }
    210 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    211     display: none;
    212 }
    213 .top-icon .porto-sicon-header {
    214     margin-bottom: .75rem;
    215 }
    216 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
    217 .widget .widgettitle {
    218     font-size: 1rem;
    219     letter-spacing: -.02em;
    220 
    221 .page-wrapper > .breadcrumbs .items { 
    222     margin-bottom: 30px;
    223     position: relative;
    224 }
    225 .page-wrapper > .breadcrumbs .items:after {
    226     content: "";
    227     position: absolute;
    228     width: 100%;
    229     left: 0;
    230     bottom: 0;
    231     border-bottom: 1px solid #e7e7e7; 
    232 }
    233 .page-wrapper > .breadcrumbs .items {  
    234     font-size: .75rem;
    235     font-weight: 400;
    236     letter-spacing: 0;
    237 }
    238 .page-wrapper > .breadcrumbs .items>li.home a { 
    239     width: auto; 
    240     text-indent: 0;
    241 }
    242 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
    243 
    244 .footer .widgettitle, .footer .widget-title {
    245     font-size: .9375rem;
    246     font-weight: 600;
    247 }
    248 html .background-color-secondary {
    249     background-color: #ff7272!important;
    250 }
    251 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    252     display: none;
    253 }
    254 .top-icon .porto-sicon-header {
    255     margin-bottom: .75rem;
    256 }  
    257 .footer .widgettitle, .footer .widget-title {
    258     font-size: .9375rem;
    259     font-weight: 600;
    260 }
    261 .widget.contact-info ul, .widget.contact-info li {
    262     line-height: 1.8;
    263 }
    264 .footer .follow-us .share-links a:not(:hover) {
    265     background: none;
    266     color: #525252;
    267     border: none;
    268     font-size: 18px;
    269 }
    270 .footer .newsletter input,.footer .newsletter .action.subscribe {
    271     border-radius: 0;
    272 }
    273 .footer .newsletter input {
    274     background: #f4f4f4;
    275     min-width: 271px;
    276     padding: 8px 12px;
    277 }
    278 .footer .newsletter .action.subscribe {
    279     padding: .533rem .933rem;
    280     line-height: 1.42857;
    281     background-color: #222529;
    282 }
    283 .footer .row.d-inline-flex {
    284     white-space: nowrap;
    285     margin-left: -3vw;
    286     margin-right: -3vw;
    287 }
    288 .footer .row.d-inline-flex>div {
    289     padding-left: 3vw;
    290     padding-right: 3vw;
    291 }
    292 .footer-middle > .container {
    293     padding-bottom: 1.55rem;
    294 }
    295 .footer .contact-info .contact-details strong {
    296     color: #000;
    297 }
    298 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {
    299     line-height: 1.4;
    300 }
    301 .footer-middle .widget.follow-us {
    302     display: none;
    303 }
    304 .footer .footer-bottom {
    305     padding: 1.5rem 0 2rem;
    306     font-size: 1em;
    307 }
    308 .footer-middle > .container::after {
    309     left: 4.27vw;
    310     right: 4.27vw;
    311     border-color: #e7e7e7;
    312 }
    313 @media (min-width: 576px) {
    314 .footer .contact-details {
    315     display: -ms-flexbox;
    316     display: flex;
    317     -ms-flex-wrap: wrap;
    318     flex-wrap: wrap;
    319 }
    320 .footer .contact-details>li {
    321     flex: 0 0 50%;
    322 }
    323 }